<!-- 科技成果 -->
<template>
	<div class="popularize" :class="{home_popularize:list.type == 'home'}">
		<slot name="title"></slot>
		<div>
			<li class="popularize_item" v-for="(item,index) in list.list" @click="lookDetale(item.achievementUuid)">
				<p class="snp1">{{item.projectName}}</p>
				<span>{{item.createdTime.slice(0,10)}}</span>
			</li>
		</div>
	</div>
</template>

<script setup>
	const $myemit=defineEmits(['lookDetale'])
	const list = defineProps({
		type:String,
		list:Array,
		status:String
	})
	const lookDetale = (id) => {
		var data = {
			id,
			status:list.status
		}
		// $myemit('lookDetale',data)
		if(list.type == "home"){
			var data = {
				id,
				status:list.status
			}
			$myemit('lookDetale',data)
		}else{
			$myemit('lookDetale',id)
		}
	}
</script>

<style lang="scss" scoped>
	.popularize{
		margin-top: 30px;
		width: 100%;
		// height: 358px;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
		opacity: 1;
		border: 1px solid rgba(17,145,142,0.1);
		padding: 15px;
		.popularize_item{
			display: flex;
			justify-content: space-between;
			padding: 15px 0;
			p{
				width: 950px;
				font-size: 16px;
				font-weight: 400;
				color: #333333;
			}
			span{
				font-size: 16px;
				font-weight: 400;
				color: #666666;
			}
		}
	}
	.home_popularize{
		width: 555px;
		.popularize_item{
			p{
				width: 390px;
			}
		}
	}
</style>